// 这里是自定义指令
/**
 * 按钮级权限控制
 */
import store from '@/store'

export default { // 自定义指令规则对象
  inserted(el, binding) { // 自定义指令固定名字配置项inserted(指令所在标签，第一次被插入到真实DOM网页上的时候，此函数自动执行)
    // 参数：el:指令所在的标签(原生) binding:指令关联的信息对象(包含给指令传入的值)
    // 从 vuex 中取出 points
    const points = store.state.user.userInfo.roles.points // 按钮权限点的英文字符串数组

    // 如果 points 中有 binding.value 则显示
    // 不存在则隐藏
    if (!points.includes(binding.value)) {
      // 标签传入的标签，在当前登陆的这个用户按钮权限点数组中还没有找到，就是该用户没有这个按钮权限
      // 移除该按钮
      el.parentNode.removeChild(el)
    }
  }
}
